<script setup>
defineProps({
	tableData: {
		type: Array,
		default: () => [],
	},
	flag: {
		type: Boolean,
		default: true,
	},
})
</script>
<template>
	<el-table
		:data="tableData"
		:highlight-current-row="true"
		cell-class-name="cell-class-name">
		<el-table-column prop="attribute" label="属性名" />
		<el-table-column prop="illustrate" label="说明" />
		<el-table-column prop="type" label="类型" v-if="flag" />
		<el-table-column prop="optional_values" label="可选值" v-if="flag" />
		<el-table-column prop="default_value" label="默认值" v-if="flag" />
		<el-table-column
			prop="callback_arguments"
			label="回调参数"
			v-if="!flag" />
	</el-table>
</template>
<style lang="scss">
.el-table {
	font-size: 22px;
	letter-spacing: 2px;
	background-color: $all-bg-color !important;
	color: $all-color;
	.cell {
		line-height: 25px;
		min-height: 30px;
	}
}
.el-table tr {
	background-color: transparent;
}
.el-table th.el-table__cell {
	background-color: transparent;
}
</style>
